﻿<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
	<title>山东柏瑞设计官网</title>
	<link rel="icon" href="assets/img/img/favicon.ico">
	<link rel="stylesheet" type="text/css" href="assets/css/css/index.css">
	<link href="assets/css/css/animate.css" rel="stylesheet">
</head>
<body>
<div class="about">
	<!-- 头部 -->
	<div id="head">
		<div class="fixedHead">
			<!DOCTYPE html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
    <title></title>
    <link rel="stylesheet" type="text/css" href="assets/css/css/index.css">
    <link rel="stylesheet" type="text/css" href="assets/css/css/animate.css">

</head>

<div class="commit_center flex headTop">
    <a href="index/index.html"><img src="uploads/20210429/9c03d90e9d21c110beac5f6ef56696e3.png" class="logo"></a>
    <div class="flex right">
        <div class="">
            <img src="uploads/20211223/c7cd46b1adbf967986c31dd054f49d24.png">
        </div>
        <p>咨询我们：18317093686</p>
    </div>
    <img src="assets/img/img/moreNav.png" class="moreNav">
	<img src="assets/img/img/moreCancel.png" class="moreCancel">
</div>

<div class="daohang">
    <!-- pc -->
    <ul class="commit_center flex nav navAll">
                    <li><a href="index.html" class="">首页</a></li>
                    <li><a href="websit.html" class="">网站开发</a></li>
                    <li><a href="app.html" class="">APP开发</a></li>
                    <li><a href="applet.html" class="">小程序开发</a></li>
                    <li><a href="case.html" class="">案例</a></li>
                    <li><a href="about.html" class="">关于我们</a></li>
            </ul>
    <!-- phone -->
    <ul class="navAll navHide">
                    <li><a href="index.html">首页</a></li>
                    <li><a href="websit.html">网站开发</a></li>
                    <li><a href="app.html">APP开发</a></li>
                    <li><a href="applet.html">小程序开发</a></li>
                    <li><a href="case.html">案例</a></li>
                    <li><a href="about.html">关于我们</a></li>
            </ul>
</div>
<script src="assets/js/js/jquery.js" type="text/javascript" charset="utf-8"></script>
<script src="assets/js/js/common.js" type="text/javascript" charset="utf-8"></script>

		</div>
				<img src="uploads/20211231/2a4b2ad42ba80caceb7902ce80ea605c.jpg" class="banner bans">
			</div>
	<!-- 内容 -->
	<div class="about app allCont">
		<!-- 关于我们 -->
		<div class="us">
			<div class="commit_center flex">
				<div class="left wow slideInLeft animated">
					<img src="assets/img/img/website_as.png">
				</div>
				<div class="right wow slideInRight animated">
										<div class="commit_center">
						<p>关于我们</p>
						<p>我们一直专注于互联网核心技术服务，为企业提供一站技术服务。主要业务范围有:小程序开发、微信开发、APP开发、电商系统开发、OA管理系统、CAL(人脸识别)开发等互联网+领域。我们致力于为企业提供可靠、稳定的技术研发支持。我们是一支追求品质完美、力求不断超越自己的团队，每一位成员是亲密的伙伴，与公司一起成长发展。我们珍惜每一次合作的机会，来挑战完美、精益求精的团队秉承专业的设计。</p>
					</div>
									</div>
			</div>
		</div>
		<!-- 企业文化 -->
		<div class="culture app">
			<div class="commit_center common">
				<p class="title">企业文化</p>
			</div>
			<!-- 企业文化-内容 -->
			<div class="commit_center flex service">
								<dl class="xk wow fadeInUp animated" data-wow-duration="2s" data-wow-delay="100ms" style="width:100%;">
					<div class="commit_center">
						<dt class="gray"><img src="uploads/20211221/d7bff46aacdbc561147b9261cd5dc739.png"></dt>
						<dt class="blue"><img src="uploads/20211221/0419cb258c217a10c8ba428c48d92a4b.png"></dt>
						<dd class="titles">企业使命</dd>
						<dd class="cont">提供有竞争力的方案和服务，为客户创造最大价值，为信息化时代贡献一份力量</dd>
					</div>
				</dl>
								<dl class="xk wow fadeInUp animated" data-wow-duration="2s" data-wow-delay="100ms" style="width:100%;">
					<div class="commit_center">
						<dt class="gray"><img src="uploads/20211221/d7bff46aacdbc561147b9261cd5dc739.png"></dt>
						<dt class="blue"><img src="uploads/20211221/0419cb258c217a10c8ba428c48d92a4b.png"></dt>
						<dd class="titles">企业理念</dd>
						<dd class="cont">每一个软件开发都经过系统的分析，针对不同企业情况良定做的，大提高企业的效率</dd>
					</div>
				</dl>
								<dl class="xk wow fadeInUp animated" data-wow-duration="2s" data-wow-delay="100ms" style="width:100%;">
					<div class="commit_center">
						<dt class="gray"><img src="uploads/20211221/d7bff46aacdbc561147b9261cd5dc739.png"></dt>
						<dt class="blue"><img src="uploads/20211221/0419cb258c217a10c8ba428c48d92a4b.png"></dt>
						<dd class="titles">企业价值观</dd>
						<dd class="cont">提供有竞争力的方案和服务，为客户创造最大价值，为信息化时代贡献一份力量</dd>
					</div>
				</dl>
								
			</div>
		</div>
		<!-- 关于我们 -->
		<div class="aboutUs">
			<div class="commit_center common">
				<p class="title">关于我们</p>
			</div>
			<!-- 关于我们-内容 -->
			<div class="commit_center flex cont">
								<div class="xk">
					<p class="bigSize"><span class="counter">666</span><span class="jia">+</span></p>
					<p>客户的选择</p>
				</div>
								<div class="xk">
					<p class="bigSize"><span class="counter">150</span><span class="jia">+</span></p>
					<p>覆盖行业</p>
				</div>
								<div class="xk">
					<p class="bigSize"><span class="counter">30</span><span class="jia">+</span></p>
					<p>开发团队人数</p>
				</div>
								<div class="xk">
					<p class="bigSize"><span class="counter">63</span><span class="jia">+</span></p>
					<p>口碑好评</p>
				</div>
							</div>
		</div>
		<!-- 联系地址 -->
		<div class="address">
			<div class="commit_center add">
				<!-- 上 -->
				<div class="flex top addressPc">
					<div class="left">
						<div class="commit_center">
														<div class="flex line">
								<img src="uploads/20211221/6de2989be0afa484430980e358c3456a.png">
								<p>联系我们</p>
							</div>
														<div class="flex line">
								<img src="uploads/20211221/5b96b35e6713f08791582499d2810001.png">
								<p>山东柏瑞设计有限公司</p>
							</div>
														<div class="flex line">
								<img src="uploads/20211221/c7cd46b1adbf967986c31dd054f49d24.png">
								<p>18317093686</p>
							</div>
														<div class="flex line">
								<img src="uploads/20211221/55d81e41d44773f8778a982938af39a9.png">
								<p>1164029542@qq.com</p>
							</div>
														<div class="flex line">
								<img src="uploads/20211221/fd3999164098887055cbe049f9559bda.png">
								<p>济南市长清区崮云湖街道芙蓉路中国创新谷西城软件园A3楼503室</p>
							</div>
													</div>
					</div>
					<div class="right">
						<div class="commit_center">
							<div class="flex line">
								<img src="assets/img/img/about_ly.png">
								<p>填写留言</p>
							</div>
							<!-- 表单 -->
							<form action="" method="post" class="flex">
								<div class="borde">
									昵称:<input type="text" name="" id="name" value="">
								</div>
								<div class="borde">
									邮箱:<input type="text" name="" id="email" value="">
								</div>
								<div class="borde bordes">
									电话:<input type="text" name="" id="phone" value="">
								</div>
								<div class="txt">
									<textarea name="" id="content" cols="57" rows="12" placeholder="请输入留言..." placeholder-style="padding:2rem;border:1px solid #f00"></textarea>
								</div>
							</form>
							<button type="button" id="sub">提交</button>
						</div>
					</div>
				</div>
<!--phone-->
				<div class="flex top addressPhone">
					<div class="right">
						<div class="commit_center">
							<div class="flex line">
								<img src="assets/img/img/about_ly.png">
								<p>填写留言</p>
							</div>
							<!-- 表单 -->
							<form action="" method="post" class="flex">
								<div class="borde">
									昵称:<input type="text" name="" id="names" value="">
								</div>
								<div class="borde">
									邮箱:<input type="text" name="" id="emails" value="">
								</div>
								<div class="borde bordes">
									电话:<input type="text" name="" id="phones" value="">
								</div>
								<div class="txt">
									<textarea name="" id="contents" cols="57" rows="12" placeholder="请输入留言..." placeholder-style="padding:2rem;border:1px solid #f00"></textarea>
								</div>
							</form>
							<button type="button" id="subs">提交</button>
						</div>
					</div>

					<div class="left">
						<div class="commit_center">
							<div class="flex line">
								<img src="assets/img/img/about_lxwm.png">
								<p>联系我们</p>
							</div>
							<div class="flex line">
								<img src="assets/img/img/about_cy.png">
								<p>山东柏瑞软件科技有限公司</p>
							</div>
							<div class="flex line">
								<img src="assets/img/img/about_dh.png" class="smallImg">
								<p>0538-2110108</p>
							</div>
							<div class="flex line">
								<img src="assets/img/img/about_yx.png" class="smallImg">
								<p>WF18661349342@163.com</p>
							</div>
							<div class="flex line">
								<img src="assets/img/img/about_db.png" class="addImg">
								<p class="adds">济南市长清区崮云湖街道芙蓉路中国创新谷西城软件园A3楼503室</p>
							</div>
						</div>
					</div>
				</div>
				<!-- 下 -->
				<div class="commit_center bottom">
					<p>详细地图：</p>
					<!-- 地图 -->
					<div id="container"></div>
				</div>
			</div>
		</div>
	</div>
	<!-- 脚部 -->
	<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
		<link rel="stylesheet" type="text/css" href="assets/css/css/index.css">
</head>
<body>
<div id="footer">
	<div class="footTop">
		<div class="commit_center flex">
						<div class="left">
				<p>山东柏瑞设计有限公司</p>
				<p>联系电话：18317093686</p>
				<p>地址：济南创新谷2号楼孵化器五楼（长清区海棠路与芙蓉路交叉路口东南）</p>
			</div>
			<div class="right">
				<img src="uploads/20211230/b27fc18df90b3a0cc5ff008002b4d6d8.png">
				<p>微信公众号</p>
			</div>
		</div>
	</div>
	<p class="copyright">Shandong Bairui Design Co., Ltd 山东柏瑞设计有限公司版权所有 鲁ICP备2021028094号-1</p>
	    </div>
</body>
</html>





</div>
<!-- script -->
<script src="assets/js/js/jquery.js" type="text/javascript" charset="utf-8"></script>
<script src="assets/js/js/common.js" type="text/javascript" charset="utf-8"></script>
<script src="layui%402.6.8/dist/layui.js"></script>
<!-- wow弹动 -->
<script src="assets/js/js/wow.min.js"></script>
<!--<script src="/assets/js/js/plugins.js" type="text/javascript" charset="utf-8"></script>-->
<script src="assets/utils/index.js"></script>
<script src="jquery/2.0.0/jquery.min.js"></script>
<!-- 数值滚动 -->
<script src="assets/js/js/jquery.waypoints.min.js" type="text/javascript" charset="utf-8"></script>
<script src="assets/js/js/jquery.countup.min.js"></script>
<script type="text/javascript">
	// 表单
	$(function () {
		$('#sub').click(function () {
			let name = $('#name').val()
			let email = $('#email').val()
			let phone = $('#phone').val()
			let content = $('#content').val()
			console.log(email,name,phone,content)
			if(name == ''){
				layer.msg('请输入昵称')
				return  false;
			}
			if(!name.match(/^[\u4E00-\u9FA5]{2,4}$/)){
				layer.msg('请输入正确的昵称！')
				$("#contact-name").focus();
				return  false;
			}
			if(email == ''){
				layer.msg('请输入邮箱')
				return  false;
			}
			if(!email.match(/^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/)){
				layer.msg('邮箱格式错误,请重新输入！')
				$("#contact-email").focus();
				return  false;
			}
			if(phone == ''){
				layer.msg('请输入手机号码')
				return  false;
			}
			if(!phone.match(/^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/
			)){
				layer.msg('手机号格式错误,请重新输入！')
				$("#contact-phone").focus();
				return  false;
			}
			if(content == ''){
				layer.msg('请留言')
				return  false;
			}
			if(content.length >255 ){
				layer.msg('留言内容不能超过255位')
				$("#contact-content").focus();
				return  false;
			}
			$.ajax({
				type: "POST",
				url: '/index/Form/add',
				data: {
					name: name,
					email: email,
					phone: phone,
					content: content,
				},
				dataType: "json",
				success: function (data) {
					layer.msg(data.msg);
					//重新加载页面
					if (data.code == 1) {
						setTimeout(function () {
							window.location.reload();
						}, 2000);
					}
				}
			});
			return false
		});
	});
	// 数值滚动
	$(function(){
		$('.counter').countUp({
			delay: 10,
			time: 2000
		});
	})
	new WOW()
</script>
<script type="text/javascript">
	// 表单
	$(function () {
		$('#subs').click(function () {
			let name = $('#names').val()
			let email = $('#emails').val()
			let phone = $('#phones').val()
			let content = $('#contents').val()
			console.log(email,name,phone,content)
			if(name == ''){
				layer.msg('请输入昵称')
				return  false;
			}
			if(!name.match(/^[\u4E00-\u9FA5]{2,4}$/)){
				layer.msg('请输入正确的昵称！')
				$("#contact-names").focus();
				return  false;
			}
			if(email == ''){
				layer.msg('请输入邮箱')
				return  false;
			}
			if(!email.match(/^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/)){
				layer.msg('邮箱格式错误,请重新输入！')
				$("#contact-emails").focus();
				return  false;
			}
			if(phone == ''){
				layer.msg('请输入手机号码')
				return  false;
			}
			if(!phone.match(/^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/
			)){
				layer.msg('手机号格式错误,请重新输入！')
				$("#contact-phone").focus();
				return  false;
			}
			if(content == ''){
				layer.msg('请留言')
				return  false;
			}
			if(content.length >255 ){
				layer.msg('留言内容不能超过255位')
				$("#contact-content").focus();
				return  false;
			}
			$.ajax({
				type: "POST",
				url: '/index/Form/add',
				data: {
					name: name,
					email: email,
					phone: phone,
					content: content,
				},
				dataType: "json",
				success: function (data) {
					layer.msg(data.msg);
					//重新加载页面
					if (data.code == 1) {
						setTimeout(function () {
							window.location.reload();
						}, 2000);
					}
				}
			});
			return false
		});
	});
</script>





<style>
	.app .service{
		padding: 1rem 0 3rem 0;
	}
	.app .service .xk{
		width: 30%;
	}
	.app .service .xk .commit_center{
		width: 90%;
		margin: 0 auto;
		padding: 2rem;
	}
	.app .service .titles{
		padding: 2rem 0;
	}
	.app .service .cont{
		line-height: 4rem;
		text-align: left;
		color: #666666;
	}
	.app .swiper-button-next,.app .swiper-button-prev {
		color: #c9c9c9!important;
	}

</style>
<script type="text/javascript" src="api?v=3.0&ak=Mi07hElrUz7zGG4G49rScXzEbiPjhXdf"></script>
<script type="text/javascript">
	var map = new BMap.Map("container");
	// 创建地图实例
	var point = new BMap.Point(116.804887,36.50976);
	// 创建点坐标
	map.centerAndZoom(new BMap.Point(116.804887,36.50976),18);
	// 初始化地图，设置中心点坐标和地图级别
	map.enableScrollWheelZoom(true);
	var marker = new BMap.Marker(point);
	var content = "长清区创新谷";
	var label = new BMap.Label(content, {     // 创建文本标注
		position: point,             // 设置标注的地理位置
		offset: new BMap.Size(-70,-25)      // 设置标注的偏移量
	})
	map.addOverlay(label);
	// map.addOverlay(marker1);
</script>
</body>
</html>
